<%-- 
    Document   : Bienvenida
    Created on : 11-may-2013, 18:51:19
    Author     : ReN Fractal
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyD-QpqLW0ewmEar3SpZRaMYCiQjt0Br_8Y&sensor=true"></script> 
        <script type="text/javascript">

            function ini(){
                var opcionesMAPA = {
                    zoom: 13,
                    center: new google.maps.LatLng(19.428988441599982,-99.1997474975586), 
                    mapTypeId: google.maps.MapTypeId.ROADMAP 
                }
                var MAPA = new google.maps.Map(document.getElementById("map_canvas"),opcionesMAPA); 
            }
        </script>
        <title>Bienvenida</title>
    </head>
    <body style="margin: 0 auto;" onload="ini()">
        <h1>Bienvenido MapJobs</h1>
        <h2>El trabajo más cerca de ti</h2>
        <div id="map_canvas" style="width: 600px; height: 480px; border: 5px solid #000;"></div>
        <div>
            <table>
                <tr>
                    <td>
                        <p>Palabra Clave:</p>
                        <input type="text" name="palabra_clave" id="palabra_clave" />
                    </td>
                    <td>
                        <p>Desde:</p>
                        <select name="desde" id="desde">
                            <option value="0">Cualquiera</option>
                            <option value="1">Ayer</option>
                            <option value="3">3 días</option>
                            <option value="4">4 días</option>
                            <option value="10">10 días</option>
                            <option value="15">15 días</option>
                            <option value="30">30 días</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <select name="area" id="area">
                            <option value="0">Todas</option>
                            <option value="1">Tecnologia, Sistemas y Telecomunicaciones</option>
                            <option value="2">Administración, Contabilidad y Finanzas</option>
                        </select>
                    </td>
                    <td>
                        <select name="subarea" id="subarea">
                            <option value="0">Todas</option>
                            <option value="1">Desarrollador Web</option>
                            <option value="2">Administración, Contabilidad y Finanzas</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <select name="salario" id="salario">
                            <option value="0">Cualquiera</option>
                            <option value="1">$0 MXN - $5,000 MXN</option>
                            <option value="2">$5,000 MXN - $10,000 MXN</option>
                        </select>
                    </td>
                    <td>
                        <input type="checkbox" name="tiempo_empleo" value="tpermanente" class="radionoborder" />Permanente
                        <input type="checkbox" name="tiempo_empleo" value="tcompleto" class="radionoborder" />Tiempo Completo
                        <input type="checkbox" name="tiempo_empleo" value="tmedio" class="radionoborder" />Medio Tiempo
                        <input type="checkbox" name="tiempo_empleo" value="thonorario" class="radionoborder" />Honorarios
                    </td>
                </tr> 
            </table>
        </div>
    </body>
</html>
